<template>
    <div class="page-container">
        <el-tabs v-model="activeName" class="-mt-3">
            <el-tab-pane v-for="(item, index) in $t('stats.user.player-bet.classifyList')"
                         :key="index" :label="item.label" :name="item.value"></el-tab-pane>
        </el-tabs>
        <!--统计【小时】-->
        <stats-hour :active-name="activeName" v-show="activeName == 'hour'"></stats-hour>
        <!--统计【天】-->
        <stats-day :active-name="activeName" v-show="activeName == 'day'"></stats-day>
        <!--统计【月】-->
        <stats-month :active-name="activeName" v-show="activeName == 'month'"></stats-month>
    </div>
</template>

<script>
import StatsHour from './hour/Index.vue'
import StatsDay from './day/Index.vue'
import StatsMonth from './month/Index.vue'

export default {
    components: {
        StatsHour,
        StatsDay,
        StatsMonth,
    },
    data() {
        return {
            activeName: 'hour',
        }
    },
}
</script>

<style lang="scss">

</style>
